.page {
	position: relative;
	height: 100vh;
}

.top-background-raduis {
	height: 30%;
	background-color: #20b2aa;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}

.is-input-border {
	border-radius: 7px !important;
}

.uni-easyinput__content {
	min-height: 39px !important;
}

.hj-input {
	margin-top: 15rpx;
}

.hj-input:nth-child(2) {
	margin-top: 35rpx;
}

.login-box {
	box-sizing: border-box;
	top: 20%;
	position: absolute;
	width: 80%;
	left: 10%;
	right: 10%;
	height: 550rpx;
	padding: 30rpx;
	background-color: white;
	border-radius: 40rpx;
	box-shadow: 9px 9px 6px #e3e3e3;
}

.login-box .login-card-input {
	/* background-color: violet; */
	height: 50%;
	padding: 5rpx;
}

.login-box .login-card-title {
	height: 20%;
	/* background-color: black; */
	padding: 10rpx;
	display: flex;
	justify-content: center;
}

.login-box .login-card-title .login-card-title-content {
	font-size: 1.2em;
	color: #3cb79a;
	border-bottom: 3px solid #3cb79a;
}

.login-box .login-card-loginIn {
	height: 25%;
	display: flex;
	justify-content: center;
	padding: 10rpx;
	align-items: center;
}

.login-box .login-card-loginIn .login-card-loginIn-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #3cb79a;
	width: 100%;
	font-size: 1.2em;
	height: 80%;
	border-radius: 40rpx;
	color: white;
}

.login-box .login-bottom-info {
	height: 5%;
	display: flex;
	font-size: 0.7em;
	color: #3cb79a;
	justify-content: end;
}

.bottom-message {
	position: absolute;
	height: 70rpx;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	font-size: 0.9em;
	overflow: hidden;
	color: #969898;
	bottom: 40rpx;
}